<div class="health">
        <div class="container clearfix">
                <div class="flexslider" >
                <ul class="slides">
                    <li>
                        <img src="images/imgs/f1.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/imgs/f2.jpg" alt="" /></a>
                    </li>
                    <li>
                        <img src="images/imgs/f3.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <img src="images/imgs/f4.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                </ul>
            </div>
        </div>
</div>
	<!-- /Slider -->

<div class="services">
	<div class="divheader">
		<h2>Community/Services</h2>
	</div>
	<div class="block">
					<div class="wrap-col box1">
						<img src="images/icon1.png">
						<h2>Health</h2>
						<a href="#"></a>
						<!--a id="go" rel="leanModal" name="test" href="#test">Basic</a-->
				<!--div id="test" style="display: none; position: fixed; opacity: 1; z-index: 11000; left: 50%; margin-left: -330px; top: 200px;">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum libero purus, convallis nec vestibulum eget, luctus vitae purus. Vestibulum non mauris et sem vulputate pellentesque ac a turpis. Ut vel lacus vitae justo vestibulum lobortis. Nunc ipsum ipsum, laoreet id dictum nec, fermentum vel purus. Maecenas nisl felis, faucibus non rutrum eu, sollicitudin sed ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent dignissim lacinia tempus. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Nulla accumsan pellentesque velit, a malesuada diam tristique a. Fusce eleifend magna erat, et imperdiet orci. Quisque sapien mauris, malesuada eu tristique pulvinar, placerat id ligula. Vivamus vitae viverra nulla. Donec eget turpis vel erat malesuada sodales.</p>
		</div-->
					</div>
					<div class="wrap-col box2">
						<img src="images/icon2.png">
						<h2>Outings</h2>
						<a href="#"></a>
					</div>
					<div class="wrap-col box3">
						<img src="images/icon3.png">
						<h2>Community</h2>
						<a href="#"></a>
					</div>
					<div class="wrap-col box4">
						<img src="images/icon3.png">
						<h2>Volunteer</h2>
						<a href="#"></a>
					</div>
					<div class="wrap-col box5">
						<img src="images/icon3.png">
						<h2>Event</h2>
						<a href="#"></a>
					</div>
	</div>

	<div class="block">
					<div class="wrap-col box6">
						<img src="images/icon1.png">
						<h2>Parent</h2>
						<a href="#"></a>
					</div>
					<div class="wrap-col box7">
						<img src="images/icon2.png">
						<h2>Language</h2>
						<a href="#"></a>
					</div>
					<div class="wrap-col box8">
						<img src="images/icon3.png">
						<h2>Services</h2>
						<a href="#"></a>
					</div>
					<div class="wrap-col box9">
						<img src="images/icon3.png">
						<h2>Children</h2>
						<a href="#"></a>
					</div>
					<div class="wrap-col box10">
						<img src="images/icon3.png">
						<h2>Personal development</h2>
						<a href="#"></a>
					</div>
	</div>
</div>



<div class="news">
	<div class="divheader">
	<h2>News</h4>
	</div>
	<script language="JavaScript" type="text/javascript">
	var marqueeContent=new Array();
	marqueeContent[0]="<div><a href='#'>Vestibulum iaculis lacinia est</a><br><a href='#'>Nam ullamcorper</a><br><a href='#'>Cras convallis sodales orci</a><br><a href='#'>Pellentesque orci</a></div>";
	marqueeContent[1]="<div><a href='#'>Vestibulum iaculis lacinia est</a><br><a href='#'>Nam ullamcorper</a><br><a href='#'>Cras convallis sodales orci</a><br><a href='#'>Pellentesque orci</a><br></div>";
	marqueeContent[2]="<div><a href='#'>Vestibulum iaculis lacinia est</a><br><a href='#'>Nam ullamcorper</a><br><a href='#'>Cras convallis sodales orci</a><br><a href='#'>Pellentesque orci</a></div>";
	marqueeContent[3]="<div><a href='#'>Vestibulum iaculis lacinia est</a><br><a href='#'>Nam ullamcorper</a><br><a href='#'>Cras convallis sodales orci</a><br><a href='#'>Pellentesque orci</a></div>";
	
	var marqueeInterval=new Array();
	var marqueeId=0;
	var marqueeDelay=4000;
	var marqueeHeight=100;
	function initMarquee() {
	 var str=marqueeContent[0];
	 document.write('<div class="newsbox" id="marqueeBox" style="overflow:hidden;width:250px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
	 marqueeId++;
	 marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
	}
	function startMarquee() {
	 var str=marqueeContent[marqueeId];
	 marqueeId++;
	 if(marqueeId>=marqueeContent.length) marqueeId=0;
	 if(document.getElementById("marqueeBox").childNodes.length==1) {
	 var nextLine=document.createElement('DIV');
	 nextLine.innerHTML=str;
	 document.getElementById("marqueeBox").appendChild(nextLine);
	 }
	 else {
	  document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
	  document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
	  document.getElementById("marqueeBox").scrollTop=0;
	 }
	 clearInterval(marqueeInterval[1]);
	 marqueeInterval[1]=setInterval("scrollMarquee()",20);
	}
	function scrollMarquee() {
	 document.getElementById("marqueeBox").scrollTop++;
	 if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
	 clearInterval(marqueeInterval[1]);
	 }
	}
	initMarquee();
	</script>				
</div>


